<template>
  <div class="mineView">
    <header>
      <div></div>
      <!-- <div class="title">我的</div> -->
      <div class="right">
        <div>
          <svg
            t="1677236331955"
            class="icon"
            viewBox="0 0 1024 1024"
            version="1.1"
            xmlns="http://www.w3.org/2000/svg"
            p-id="9267"
            width="25"
            height="25"
          >
            <path
              d="M868.9 959H145.8c-47.4 0-85.9-38.5-85.9-85.9V149.6c0-47.4 38.5-85.9 85.9-85.9h723.1c47.4 0 85.9 38.5 85.9 85.9V873c0 47.4-38.5 86-85.9 86zM145.8 127.7c-12.1 0-21.9 9.8-21.9 21.9V873c0 12.1 9.8 21.9 21.9 21.9h723.1c12.1 0 21.9-9.8 21.9-21.9V149.6c0-12.1-9.8-21.9-21.9-21.9H145.8z"
              fill="#fff"
              p-id="9268"
            ></path>
            <path
              d="M801.2 741.7c-9.2-76.5-47.6-146.3-109.9-196.1-22-17.6-46.3-31.8-72.2-42.4 34.2-30.7 55.8-75.2 55.8-124.7 0-92.4-75.2-167.5-167.5-167.5s-167.5 75.2-167.5 167.5c0 49.5 21.6 94.1 55.9 124.8-36.1 14.7-69.2 36.6-97.6 65-47.4 47.4-76.7 108-84.6 173.5-2.3 19 12.6 35.8 31.8 35.8 16.2 0 29.8-12.1 31.8-28.1 6.2-51.3 29.2-98.8 66.3-135.9 41.4-41.4 95.7-65.2 153.8-67.7h0.6c3.2 0.2 6.4 0.3 9.6 0.3 3.1 0 6.3-0.1 9.4-0.3 60.4 2.5 117.9 28.6 159.7 72.9 34.1 36.3 55.3 81.7 61.2 130.6 1.9 16.1 15.5 28.3 31.8 28.3 19-0.1 33.9-16.9 31.6-36zM403.8 378.5c0-57.1 46.4-103.5 103.5-103.5s103.5 46.4 103.5 103.5c0 54.2-41.9 98.8-95 103.2-5.7-0.2-11.5-0.2-17.2 0-52.9-4.4-94.8-49-94.8-103.2z"
              fill="#fff"
              p-id="9269"
            ></path>
          </svg>
        </div>
        <div>
          <svg
            t="1677134454478"
            class="icon"
            viewBox="0 0 1024 1024"
            version="1.1"
            xmlns="http://www.w3.org/2000/svg"
            p-id="2896"
            width="22"
            height="22"
          >
            <path
              d="M924.96494 660.872053h-40.825995l-9.568998-280.679959C874.569947 177.976124 717.32597 0.00015 513.196 0.00015a370.304946 370.304946 0 0 0-370.623946 367.433946v293.437957H95.686061A95.685986 95.685986 0 0 0 0.000075 756.558039a95.685986 95.685986 0 0 0 95.685986 95.685986h243.679964v2.232a169.363975 169.363975 0 0 0 339.047951 0v-2.232h246.550964a95.685986 95.685986 0 0 0 95.685985-95.685986 95.685986 95.685986 0 0 0-95.685985-95.685986z m-310.659955 191.371972a105.573985 105.573985 0 0 1-211.466969 0v-2.233h210.827969s0.638 1.914 0.638 2.552z m310.659955-65.06699H95.686061a31.894995 31.894995 0 1 1 0-63.789991h78.781988a31.894995 31.894995 0 0 0 31.894996-31.895995V378.917094a314.169954 314.169954 0 0 1 240.171965-308.109954c200.939971-45.609993 364.244947 120.564982 364.244946 309.384954l9.567999 280.679959v31.894996a31.894995 31.894995 0 0 0 31.895995 31.894995h72.72099a31.894995 31.894995 0 1 1 0 63.789991z"
              p-id="2897"
              fill="#fff"
            ></path>
          </svg>
        </div>
        <div>
          <svg
            t="1677236800793"
            class="icon"
            viewBox="0 0 1024 1024"
            version="1.1"
            xmlns="http://www.w3.org/2000/svg"
            p-id="12705"
            width="22"
            height="22"
          >
            <path
              d="M635.635 1022.928c-39.368 0-72.301-23.406-90.471-64.289-8.202-18.422-17.35-24.29-23.533-27.066-10.852-4.984-18.864-3.596-29.274 4.353-8.391 6.372-14.006 13.438-17.097 21.577-18.612 47.949-67.885 72.932-118.925 63.216-48.706-9.148-87.506-26.182-118.673-51.986-22.46-18.675-35.33-39.873-39.368-64.92-3.47-21.64 1.956-39.936 7.129-53.437 4.227-11.167 7.445-20.378 7.066-28.895-0.442-8.328-6.688-15.709-14.321-16.719-14.7-1.956-29.968 1.451-45.046 4.921-42.333 9.653-79.935-4.227-105.55-38.422C20.507 735.237 5.176 694.481 2.084 650.129c-3.47-48.643 17.791-85.361 59.873-103.215 15.015-6.372 25.299-15.583 31.356-28.075 5.363-11.041 2.208-16.277-1.199-20.252-11.861-14.258-17.602-17.728-20-18.612C12.179 458.839-7.127 396.38 4.671 345.719c7.382-31.924 18.675-68.831 45.993-100.376 27.192-31.293 60.63-42.649 96.97-32.239l6.814 1.956c11.23 3.281 20.883 6.057 29.463 6.057 29.968-1.893 31.103-18.548 31.608-25.678l0.757-12.113c0.315-2.587-0.442-21.514-2.713-30.599-9.779-38.8 3.028-75.077 36.151-102.017 32.807-26.75 72.743-42.144 125.739-48.453 43.532-5.236 77.159 15.142 95.96 55.267 6.183 12.997 11.104 20.694 17.034 26.435 14.826 14.321 44.605 5.93 53.816-13.186 5.552-11.482 12.744-22.965 21.324-34.195 20.567-26.687 51.166-39.053 85.74-34.069 32.176 4.795 73.879 14.132 109.84 44.037 20.504 17.034 40.441 37.286 46.939 69.336 4.669 23.028-2.082 42.333-7.066 56.403-3.218 9.274-4.416 17.35-3.659 25.425 1.199 13.249 14.069 25.804 27.003 26.245 11.482-0.946 22.712-1.956 32.807-6.183 13.88-5.741 27.76-8.643 41.198-8.643 21.955 0 53.564 7.634 79.746 44.1 24.479 34.132 38.737 74.573 43.721 123.594 4.353 42.649-17.665 78.106-60.314 97.159-9.148 4.101-16.277 9.085-22.145 15.457-7.571 8.076-10.599 18.675-8.58 29.274 1.956 10.41 8.643 18.99 18.233 23.596 17.35 8.139 37.034 19.306 51.923 39.747 17.539 23.848 23.596 52.239 17.981 84.225-4.921 28.643-15.079 70.85-46.056 106.244-29.274 33.438-61.134 40.504-82.711 40.504-9.148 0-18.612-1.262-28.012-3.659-15.773-4.101-31.987-8.012-48.264-4.858-6.877 1.262-15.646 11.167-16.088 18.296-0.82 11.924 0.252 20.504 3.407 27.633 20.504 46.245 4.795 99.178-38.169 128.704-33.501 22.965-71.166 37.412-112.048 42.901C644.468 1022.676 639.989 1022.928 635.635 1022.928zM510.086 855.802c13.943 0 27.949 3.091 41.639 9.274 26.372 11.987 46.561 33.501 60.062 63.973 9.337 20.946 20.252 20.946 23.848 20.946l3.659-0.252c29.842-3.975 56.15-14.069 80.503-30.788 10.599-7.255 20.315-21.892 12.744-39.053-10.599-23.974-10.536-46.876-9.527-62.018 2.776-40.63 36.151-77.979 75.897-85.172 28.958-5.237 57.349 0.315 79.43 5.994 10.347 2.587 19.242 6.751 37.665-14.258 14.574-16.593 23.533-38.422 29.085-70.661 2.713-15.52-1.009-23.217-4.984-28.643-5.047-6.94-13.375-11.798-24.29-16.971-30.851-14.574-52.239-42.207-58.674-75.771-6.435-33.69 3.344-67.443 26.75-92.553 12.492-13.501 27.444-24.164 45.74-32.428 19.179-8.517 18.233-17.413 17.665-23.28-3.659-36.024-13.628-64.92-30.473-88.389-9.842-13.691-17.539-13.691-20.441-13.691-3.785 0-8.265 1.009-13.186 3.091-18.801 7.823-38.359 11.798-57.917 11.798-55.519-2.019-98.042-42.712-102.585-92.742-1.64-18.548 0.82-36.908 7.571-56.024 2.461-7.129 5.047-14.448 4.353-17.791-1.956-9.527-9.274-17.097-22.082-27.76-17.476-14.511-39.558-22.839-74.005-27.949-8.643-0.505-12.744 0.757-17.034 6.309-5.615 7.318-10.158 14.511-13.564 21.514-18.17 37.728-57.349 62.144-99.745 62.144-26.624 0-51.671-10.031-70.535-28.264-15.773-15.331-25.11-32.744-32.239-47.759-6.624-14.195-13.186-14.195-17.476-14.195-42.523 4.858-70.535 15.205-92.175 32.807-14.132 11.545-13.564 19.432-11.419 27.823 3.407 13.754 5.11 42.333 5.11 42.333l0.126 2.145-1.262 21.009c-3.722 52.996-41.892 89.651-97.348 93.31l-7.066 0.189c-18.927 0-35.33-4.732-49.778-8.959l-6.372-1.83c-7.255-0.82-12.555-0.946-21.955 9.842-16.845 19.432-24.416 44.731-30.094 69.147-3.596 15.457-1.073 41.261 20.694 48.958 22.334 7.886 39.368 25.804 51.734 40.567 23.596 28.264 27.507 64.352 10.788 98.925-13.943 28.706-36.971 49.967-68.453 63.342-9.464 4.038-17.161 9.148-15.583 30.977 2.082 30.157 12.492 57.854 30.977 82.459 11.987 15.962 20.252 13.628 30.914 11.167 21.324-4.921 45.551-9.59 71.039-6.183 42.712 5.615 75.33 41.64 77.475 85.613 1.009 22.523-5.236 41.072-11.735 58.169-2.902 7.697-3.848 12.303-3.218 15.962 0.82 5.3 3.091 11.419 13.943 20.441 21.577 17.918 48.832 29.463 85.613 36.403 2.965 0.568 5.93 0.82 8.896 0.82 21.135 0 26.624-14.006 28.391-18.612 7.949-20.757 21.829-38.8 41.072-53.437C467.563 863.184 488.32 855.802 510.086 855.802z"
              fill="#fff"
              p-id="12706"
            ></path>
            <path
              d="M508.193 756.499c-133.373 0-242.266-110.092-242.708-245.358-0.442-135.833 106.244-243.528 242.96-245.231l0 0c136.212 0 245.421 109.524 246.493 244.159 1.136 134.571-108.452 245.105-244.222 246.43L508.193 756.499zM511.537 338.842c-98.358 1.199-173.435 76.781-173.119 172.047 0.315 95.203 76.465 172.678 169.776 172.678l1.767 0c95.645-0.946 172.804-78.484 172.047-172.867C681.25 415.938 604.784 338.842 511.537 338.842z"
              fill="#fff"
              p-id="12707"
            ></path>
          </svg>
        </div>
      </div>
    </header>
    <div class="likeheader"></div>
    <div class="mine">
      <div class="left" @click="toUser">
        <div class="avatar">
          <van-image
            round
            width="50px"
            height="50px"
            lazy-load
            :src="
              nsMine
                ? nsMine.avatar
                : 'https://cs.xinpianchang.com/passport/default.jpg'
            "
          />
        </div>
        <div class="username">
          {{ nsMine ? nsMine.username : "点击登录" }}
        </div>
      </div>
      <div class="toUser" @click="toUser">
        <div class="text">主页</div>
        <van-icon name="arrow" color="#999" size="14" />
      </div>
    </div>
    <div class="details">
      <div class="detail" @click="toUser">
        <div class="num">{{ nsMine ? nsMine.count.count_article : "-" }}</div>
        <div class="text">视频</div>
      </div>
      <div class="line"></div>
      <div class="detail" @click="toMineFollow">
        <div class="num">{{ nsMine ? follows.length : "-" }}</div>
        <div class="text">关注</div>
      </div>
      <div class="line"></div>
      <div class="detail">
        <div class="num">{{ nsMine ? nsMine.count.count_follower : "-" }}</div>
        <div class="text">粉丝</div>
      </div>
    </div>
    <div class="functions">
      <div class="function" @click.stop="toMineFavorites">
        <div class="img">
          <van-image
            width="28"
            height="28"
            lazy-load
            src="/nsMyCollection.png"
          />
        </div>
        <div class="text">我的收藏</div>
      </div>
      <div class="function" @click.stop="toBrowseHistory">
        <div class="img">
          <van-image
            width="28"
            height="28"
            lazy-load
            src="/nsBrowseHistory.png"
          />
        </div>
        <div class="text">历史记录</div>
      </div>
      <div class="function">
        <div class="img">
          <van-image
            width="28"
            height="28"
            lazy-load
            src="/nsPrivateSpace.png"
          />
        </div>
        <div class="text">私密空间</div>
      </div>
      <div class="function">
        <div class="img">
          <van-image
            width="28"
            height="28"
            lazy-load
            src="/nsMyHandwriting.png"
          />
        </div>
        <div class="text">手记</div>
      </div>
    </div>
    <div class="creatorCenter">
      <div class="titleBox">
        <div class="title">创作人中心</div>
        <div class="draftd">草稿箱</div>
      </div>
      <div class="hhhs">
        <div class="hhh">
          <div class="left">
            <svg
              t="1677587274425"
              class="icon"
              viewBox="0 0 1024 1024"
              version="1.1"
              xmlns="http://www.w3.org/2000/svg"
              p-id="2039"
              width="26"
              height="26"
            >
              <path
                d="M858.368 660.2752c-20.0704-18.688-51.2-18.688-71.2704 0L633.9328 803.1232A39.1936 39.1936 0 0 0 687.36 860.416l96.2048-89.6768v214.0928a39.168 39.168 0 1 0 78.336 0V770.7392l96.2048 89.6768a39.168 39.168 0 1 0 53.4528-57.2928L858.368 660.2752z"
                fill="#FF6685"
                p-id="2040"
              ></path>
              <path
                d="M579.6608 635.1872l-197.0688-113.7664a31.232 31.232 0 0 0-46.848 27.008v227.584a31.232 31.232 0 0 0 46.848 27.0592l197.0688-113.792a31.232 31.232 0 0 0 0-54.0928"
                fill="#5E6570"
                p-id="2041"
              ></path>
              <path
                d="M78.3616 141.6192l139.5456 158.8736h-139.52V141.6192z m153.088-63.2576l195.0976 222.1312h-104.3456l-195.072-222.1312H231.424z m208.64 0l195.072 222.1312h-104.32l-195.072-222.1312h104.2944z m208.64 0l195.072 222.1312h-104.32l-195.072-222.1312h104.2944z m249.8816 0c25.9328 0 47.0016 21.12 47.0016 47.0272v172.288l-192.5888-219.3152h145.5872z m-255.1552 867.2768H125.3888a47.0272 47.0272 0 0 1-47.0272-47.0272V378.88h867.2512v235.8016a39.2192 39.2192 0 0 0 78.3616 0V125.3888A125.3632 125.3632 0 0 0 898.6112 0H125.3888A125.4144 125.4144 0 0 0 0 125.3888v773.2224A125.4144 125.4144 0 0 0 125.44 1024h518.0416a39.168 39.168 0 1 0 0-78.3616z"
                fill="#5E6570"
                p-id="2042"
              ></path>
            </svg>
          </div>
          <div class="right">
            <div class="title">发布公开作品</div>
            <div class="sub">分享你的个人作品</div>
          </div>
        </div>
        <div class="hhh">
          <div class="left">
            <svg
              t="1677587491381"
              class="icon"
              viewBox="0 0 1024 1024"
              version="1.1"
              xmlns="http://www.w3.org/2000/svg"
              p-id="8928"
              width="30"
              height="30"
            >
              <path
                d="M602.4704 647.5776a30.6176 30.6176 0 0 1-22.3232-9.6256l-69.4272-73.5232-76.0832 74.4448c-12.1344 11.8272-31.5904 11.6736-43.4688-0.4608a30.72 30.72 0 0 1 0.4608-43.4176L490.0864 498.688a30.5152 30.5152 0 0 1 22.1184-8.7552c8.2432 0.1536 16.0768 3.6352 21.7088 9.6256l90.88 96.256c11.6224 12.3392 11.1104 31.7952-1.28 43.4176a30.71488 30.71488 0 0 1-21.0432 8.3456z"
                fill="#FF623E"
                p-id="8929"
              ></path>
              <path
                d="M507.8528 884.48c-16.9472 0-30.72-13.7728-30.72-30.72v-309.4016c0-16.9472 13.7728-30.72 30.72-30.72s30.72 13.7728 30.72 30.72v309.4016c0 16.9472-13.7728 30.72-30.72 30.72z"
                fill="#FF623E"
                p-id="8930"
              ></path>
              <path
                d="M759.3984 871.3216h-98.3552c-16.9472 0-30.72-13.7728-30.72-30.72s13.7728-30.72 30.72-30.72h98.3552c97.792 0 177.3056-79.5648 177.3056-177.3056s-79.5648-177.3056-177.3056-177.3056h-41.1136c-8.96 0-17.5104-3.9424-23.3472-10.752s-8.3968-15.872-7.0144-24.7296c1.4336-9.1648 2.1504-18.432 2.1504-27.648 0-97.5872-79.4112-176.9984-176.9984-176.9984S336.128 294.5536 336.128 392.1408c0 9.216 0.7168 18.4832 2.1504 27.648 1.3824 8.8576-1.1776 17.92-7.0144 24.7296a30.80192 30.80192 0 0 1-23.3472 10.752h-41.1136c-97.792 0-177.3056 79.5648-177.3056 177.3056s79.5648 177.3056 177.3056 177.3056h94.2592c16.9472 0 30.72 13.7728 30.72 30.72s-13.7728 30.72-30.72 30.72H266.8032c-131.6352 0-238.7456-107.1104-238.7456-238.7456S135.168 393.8304 266.8032 393.8304h7.8848v-1.6896c0-131.4816 106.9568-238.4384 238.4384-238.4384s238.4384 106.9568 238.4384 238.4384v1.6896h7.8848c131.6352 0 238.7456 107.1104 238.7456 238.7456s-107.1104 238.7456-238.7968 238.7456z"
                fill="#303135"
                p-id="8931"
              ></path>
            </svg>
          </div>
          <div class="right">
            <div class="title">上传私密视频</div>
            <div class="sub">加密分享，高效播放</div>
          </div>
        </div>
      </div>
      <div class="funs">
        <div class="fun">
          <div class="img">
            <svg
              t="1677587160840"
              class="icon"
              viewBox="0 0 1145 1024"
              version="1.1"
              xmlns="http://www.w3.org/2000/svg"
              p-id="1256"
              width="25"
              height="25"
            >
              <path
                d="M1060.143586 425.863529H224.077704a85.112471 85.112471 0 0 0-80.715295 59.632942l-43.369411 135.529411V102.4h318.644706a159.623529 159.623529 0 0 0 44.574117 95.774118 153.539765 153.539765 0 0 0 109.628235 45.778823h333.101177v142.155294h99.990588V228.894118a86.016 86.016 0 0 0-84.931765-86.738824H572.840056a55.115294 55.115294 0 0 1-54.814117-55.41647A85.473882 85.473882 0 0 0 433.094174 0.602353H84.934174A85.473882 85.473882 0 0 0 0.002409 86.738824v850.522352a85.473882 85.473882 0 0 0 84.931765 86.136471h836.065882a84.931765 84.931765 0 0 0 80.715295-60.235294l142.757647-446.343529 0.602353-4.818824a85.473882 85.473882 0 0 0-84.931765-86.136471z m-21.082353 101.797647l-125.891765 393.938824H106.016527l125.891765-393.938824h807.152941z"
                fill="#999999"
                p-id="1257"
              ></path>
            </svg>
          </div>
          <div class="text">内容管理</div>
        </div>
        <div class="fun">
          <div class="img">
            <svg
              t="1677586469343"
              class="icon"
              viewBox="0 0 1024 1024"
              version="1.1"
              xmlns="http://www.w3.org/2000/svg"
              p-id="911"
              width="25"
              height="25"
            >
              <path
                d="M395.584989 592.247241l4.520971 262.216335-27.125828-29.386313-24.865342 47.470198 110.763797 119.80574 2.260486-366.198676z"
                fill="#999999"
                p-id="912"
              ></path>
              <path
                d="M246.392936 802.472406s-271.258278 22.604857-244.13245-275.779249c0 0 20.344371-162.754967 214.746137-178.578367 0 0 29.386313-250.913907 280.30022-253.174393 0 0 244.13245 0 275.77925 253.174393 0 0 205.704194 2.260486 221.527594 226.048565 0 0 0 232.830022-253.174393 228.309051v-51.99117s187.620309 11.302428 201.183223-174.057395c0 0-2.260486-187.620309-214.746137-178.578366 0 0 2.260486-246.392936-235.090508-250.913908 0 0-217.006623 0-232.830022 250.913908 0 0-196.662252-13.562914-214.746137 178.578366 0 0-4.520971 180.838852 201.183223 174.057395v51.99117z"
                fill="#999999"
                p-id="913"
              ></path>
              <path
                d="M603.549669 924.538631l-4.520971-259.95585 27.125827 29.386314 24.865343-47.470199-110.763797-119.805739-2.260486 366.198675z"
                fill="#999999"
                p-id="914"
              ></path>
            </svg>
          </div>
          <div class="text">传输列表</div>
        </div>
        <div class="fun">
          <div class="img">
            <svg
              t="1677587183337"
              class="icon"
              viewBox="0 0 1024 1024"
              version="1.1"
              xmlns="http://www.w3.org/2000/svg"
              p-id="1503"
              width="25"
              height="25"
            >
              <path
                d="M850 734H174c-60.7 0-110-49.3-110-110V228c0-60.7 49.3-110 110-110h676c60.7 0 110 49.3 110 110v396c0 60.7-49.3 110-110 110zM174 178c-27.6 0-50 22.4-50 50v396c0 27.6 22.4 50 50 50h676c27.6 0 50-22.4 50-50V228c0-27.6-22.4-50-50-50H174z"
                fill="#999999"
                p-id="1504"
              ></path>
              <path
                d="M600 544c-7.7 0-15.4-2.9-21.2-8.8L424 380.4 269.2 535.2c-11.7 11.7-30.7 11.7-42.4 0s-11.7-30.7 0-42.4l176-176c11.7-11.7 30.7-11.7 42.4 0L600 471.6l154.8-154.8c11.7-11.7 30.7-11.7 42.4 0s11.7 30.7 0 42.4l-176 176c-5.8 5.9-13.5 8.8-21.2 8.8zM672 960c-7.7 0-15.4-2.9-21.2-8.8L512 812.4 373.2 951.2c-11.7 11.7-30.7 11.7-42.4 0s-11.7-30.7 0-42.4l160-160c11.7-11.7 30.7-11.7 42.4 0l160 160c11.7 11.7 11.7 30.7 0 42.4-5.8 5.9-13.5 8.8-21.2 8.8z"
                fill="#999999"
                p-id="1505"
              ></path>
              <path
                d="M512 905c-16.6 0-30-13.4-30-30V705c0-16.6 13.4-30 30-30s30 13.4 30 30v170c0 16.6-13.4 30-30 30zM512 172c-16.6 0-30-13.4-30-30V94c0-16.6 13.4-30 30-30s30 13.4 30 30v48c0 16.6-13.4 30-30 30z"
                fill="#999999"
                p-id="1506"
              ></path>
            </svg>
          </div>
          <div class="text">作品通</div>
        </div>
        <div class="fun">
          <div class="img">
            <svg
              t="1677587201556"
              class="icon"
              viewBox="0 0 1024 1024"
              version="1.1"
              xmlns="http://www.w3.org/2000/svg"
              p-id="1774"
              width="25"
              height="25"
            >
              <path
                d="M784.992 528c35.2 0 68 15.84 92.32 44.576 23.008 27.2 35.68 63.04 35.68 100.896V768a32 32 0 0 1-32 32h-736a32 32 0 0 1-32-32v-94.528c0-37.888 12.704-73.696 35.68-100.896 24.32-28.736 57.12-44.576 92.32-44.576h98.016a129.792 129.792 0 0 0 29.984-82.624v-0.8a25.856 25.856 0 0 0-6.56-16.96A200 200 0 0 1 513.056 96a199.936 199.936 0 0 1 150.528 331.616 25.824 25.824 0 0 0-6.592 16.96v0.8c0.096 30.208 10.72 59.424 30.016 82.624h97.984zM512.992 160a136 136 0 0 0-102.4 225.504c14.4 16.32 22.336 37.312 22.4 59.04v0.832a193.44 193.44 0 0 1-18.688 82.624h197.408a193.408 193.408 0 0 1-18.72-82.624v-0.8c0.064-21.76 8.032-42.784 22.4-59.104A136 136 0 0 0 513.024 160z m-336 576h672v-62.528c0-22.72-7.296-43.904-20.512-59.552-11.968-14.144-27.392-21.92-43.488-21.92h-544c-16.064 0-31.488 7.776-43.456 21.92-13.248 15.68-20.544 36.8-20.544 59.552V736z m-16 160a32 32 0 0 1 32-32h640a32 32 0 0 1 0 64h-640a32 32 0 0 1-32-32z"
                fill="#999999"
                p-id="1775"
              ></path>
            </svg>
          </div>
          <div class="text">身份认证</div>
        </div>
      </div>
    </div>
    <van-button type="danger" plain block round @click="login">
      {{ nsMine ? "退出登录" : "登录" }}
    </van-button>
  </div>
</template>

<script>
export default {
  name: "MineView",
  data() {
    return {
      follows: [],
      nsMine: null,
    };
  },
  created() {
    this.follows = JSON.parse(localStorage.getItem("follows") || "[]");
    this.nsMine = JSON.parse(localStorage.getItem("nsMine"));
  },
  methods: {
    toMineFollow() {
      this.$router.push({ path: "/mineFollow" });
    },
    toUser() {
      this.$router.push({ path: "/user", query: { userid: 13525021 } });
    },
    login() {
      if (!this.nsMine) {
        this.$router.replace({ path: "/login" });
      } else {
        this.$dialog
          .confirm({
            message: "你确定退出登录吗？",
          })
          .then(() => {
            this.nsMine = null;
            localStorage.removeItem("nsMine");
            this.$toast("退出登录成功");
          })
          .catch(() => {
            // on cancel
          });
      }
    },
    toMineFavorites() {
      this.$router.push({
        path: "/user/userFavorites",
        query: { userid: 13525021 },
      });
    },
    toBrowseHistory() {
      this.$router.push({
        path: "/browseHistory",
      });
    },
  },
  beforeRouteLeave(to, from, next) {
    from;
    if (!this.nsMine && to.path != "/login") {
      // console.log(1);
      if (to.path == "/search" || to.path == "/notes" || to.path == "/") {
        next();
      } else {
        next({ path: "/login" });
      }
    } else {
      // console.log(2);
      next();
    }
  },
};
</script>

<style lang="scss" scoped>
.mineView {
  height: 617px;
  padding: 0 15px;
  // padding-top: 50px;
  // background-image: linear-gradient(rgba(255, 0, 0, 0.5), white);
  background-image: url(https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fc-ssl.duitang.com%2Fuploads%2Fitem%2F201906%2F21%2F20190621123254_wvlmf.thumb.400_0.jpeg&refer=http%3A%2F%2Fc-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1680177183&t=b229cc4476208df18392b7d5c140c19a);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  // background-color: #f7f7f7;

  header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;

    > div {
      width: 33%;
      text-align: center;
    }

    .title {
      font-size: 20px;
      font-weight: bold;
    }

    .right {
      display: flex;
      align-items: center;
      justify-content: space-around;

      > div {
        display: flex;
        align-items: center;
        justify-content: center;

        // .icon {
        //   width: 25px;
        //   height: 25px;
        // }
      }
    }
  }

  .likeheader {
    height: 50px;
  }

  .mine {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0;

    .left {
      display: flex;
      align-items: center;

      .avatar {
        margin-right: 15px;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        border: 1px solid white;
        // box-sizing: border-box;
        // display: flex;
        // align-items: center;
        // justify-content: center;
        flex-shrink: 0;
      }

      .username {
        font-size: 20px;
        font-weight: bold;
      }
    }

    .toUser {
      display: flex;
      justify-content: center;
      align-items: center;
      // background-color: white;
      background-color: white;
      height: 30px;
      line-height: 30px;
      border-radius: 15px;
      width: 70px;
      box-shadow: 0px 0px 10px -4px black;

      .text {
        font-size: 14px;
        margin-right: 5px;
      }
    }
  }

  .details {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
    margin-bottom: 10px;

    .line {
      width: 0.5px;
      height: 20px;
      background-color: #999;
    }

    .detail {
      width: 33%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;

      .num {
        font-size: 14px;
        font-weight: bold;
        margin-bottom: 3px;
      }

      .text {
        font-size: 13px;
        color: #999;
      }
    }
  }

  .functions {
    height: 70px;
    border-radius: 10px;
    width: 345px;
    // margin: 0 15px;
    margin-bottom: 15px;
    box-shadow: 0px 3px 10px -4px #999;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: white;

    .function {
      width: 25%;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;

      .img {
        margin-bottom: 3px;
      }

      .text {
        font-size: 14px;
      }
    }
  }

  .creatorCenter {
    border-radius: 10px;
    background-color: white;
    // margin: 0 15px;
    margin-bottom: 15px;
    box-shadow: 0px 3px 10px -4px #999;
    padding: 15px;
    margin-bottom: 40px;

    .titleBox {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 15px;

      .title {
        font-weight: bold;
        font-size: 16px;
      }

      .draftd {
        color: #999;
        font-size: 13px;
      }
    }

    .hhhs {
      display: flex;
      justify-content: space-between;
      margin-bottom: 15px;

      .hhh {
        width: 48%;
        height: 40px;
        padding: 5px 0;
        border-radius: 5px;
        border: 1px solid #999;
        display: flex;
        align-items: center;
        justify-content: center;

        .left {
          margin-right: 6px;
          display: flex;
          align-items: center;
          justify-content: center;
        }

        .right {
          display: flex;
          flex-direction: column;

          .title {
            font-weight: bold;
            font-size: 15px;
            margin-bottom: 5px;
          }

          .sub {
            font-size: 12px;
            color: #999;
          }
        }
      }
    }

    .funs {
      display: flex;
      justify-content: space-between;
      align-items: center;

      .fun {
        display: flex;
        flex-direction: column;
        align-items: center;

        .img {
          margin-bottom: 5px;
        }

        .text {
          font-size: 13px;
          color: #999;
        }
      }
    }
  }

  :deep(.van-button__text) {
    font-size: 20px;
  }
}
</style>
